/**
 * 消息详情
 * @author levy
 */
(function( lf, r) {
    var time = lf.utils.format(new Date(),"MM-dd hh:mm");

    var data = [
        {
            title:'系统消息',
            time:time,
            detail:'请制定消息学习计划请制定消息学习计划请制定消息学习计划请制定消息学习计划请制定消息学习计划请制定消息学习计划'
        }
    ];

	var Body = React.createClass({

		render: function () {
            var msg = this.props.data[0];

            return (
                <ul className="mui-table-view msg-detail">
                    <li className="mui-table-view-cell gray-bg">
                        <div>
                            <span className="font36 center-top">{msg.time}</span>
                            <div className="white-bg">
                                <span className="msg-title">{msg.title}</span>
                                <p>{msg.detail}</p>
                            </div>
                        </div>
                    </li>
                </ul>
            );

		}
	});

	r.render(
			<Body data={data}/>,
			document.getElementById('root')
	)

})( liefeng, React)
